{% load dajaxice_templatetags %}
<div id="lista_filtrar" >
<div class="row-fluid">
<div class="span7">
<h3>Filtrar</h3>
				<div id="filtrar_form_div" >
				<form method="post" action="" id="filtrar_form" class=" form-horizontal ">
				            {% csrf_token %}
				            <table>
				                {{ form.as_table }}
				            </table>
				     <input type="button" value="Buscar" onclick="buscar_detalles();" />
				</form>
				</div>
				
				
				</div>
				<div class="span5">
				<div id="filtrar_lista">
				<h3>Resultados</h3>
				<table class="table table-hover">
					<thead>
						<th>Nombre Común</th>
						<th>Especie</th>
					</thead>
					<tbody>
						{% if detalles %}
				{% for object in detalles %}
					<tr  class="accordion-toggle" onclick="location='{{ object.referencia_al_link }}'">
						<td>{{ object }}</td>
						<td>{{ object.datos }}</td>
					</tr>

				
				{%endfor%}
				</tbody>
				</table>
				{%endif%}
				</div>
				</div>
				
				{% dajaxice_js_import %}
				<script type='text/javascript' src='/static/js/js.dajax.core.js'></script>
				<script type="text/javascript" src="/static/detalles_especie/detalles_especie.js"></script>
</div>
</div>
	